<!DOCTYPE html>
<html>
	<head>
		<title>电无忧首页</title>
		<meta charset="utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.0.min.css">
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<script type="text/javascript" src="js/jquery-2.2.0.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/swiper-3.4.0.jquery.min.js"></script>
	</head>
	<body>
		<div class="container-fluid">
			<!-- 右边fixed Start -->
			<div class="right-box">
				<ul>
					<li class="right-box-txt1">
						<div class="right-weixin">
							<img src="img/code2.png"/>
							<p>微信扫码</p>
						</div>
					</li>
					<li class="right-box-txt2">意见反馈</li>
					<li class="right-box-txt3"></li>
				</ul> 
			</div>
			<!-- 右边fixed End -->
			<!-- 顶部导航 Start -->
			<div class="nav" id="nav">
				<div class="nav-box w1600">
					<div class="logo">
						<img title="logo" src="img/logo.png"/>
					</div>
					<div class="nav-container">
						<ul class="nav-container-ul clearfix">
							<li class="nav-container-li-active"><span>首页</span></li>
							<li class="nav-container-li "><span>服务产品</span></li>
							<li class="nav-container-li "><span>服务流程</span></li>
							<li class="nav-container-li "><span>精选案例</span></li>
							<li class="nav-container-li "><span>新闻资讯</span></li>
							<li class="nav-container-li "><span>关于我们</span></li>
						</ul>
					</div>
					<div class="nav-img">
						<ul class="nav-img-ul clearfix">
							<li class="nav-img-li "><img title="图片" src="img/shopping-cart-icon.png"/></li>
							<li class="nav-img-li "><img title="图片" src="img/envelope-icon.png"/></li>
							<li class="nav-img-li "><img title="图片" src="img/user-off-icon.png"/></li>
						</ul>
					</div>

				</div>
			</div>
			<!-- 顶部导航 End -->
			<!-- 顶部轮播 Start -->
			<div class="banner">
				<div class="swiper-container">
			        <div class="swiper-wrapper">
			            <div class="swiper-slide"><img title="tupian" src="img/banner1.png"></div>
			            <div class="swiper-slide"><img title="tupian" src="img/banner2.png"></div>
			            <div class="swiper-slide"><img title="tupian" src="img/banner3.png"></div>
			        </div>
			        <!-- Add Pagination -->
			        <div class="swiper-pagination"></div>
			        <!-- Add Arrows -->
	    		</div>
    			<div class="fangan">
    				<div class="fangan-title">获取免费服务方案</div>
    				<div class="fangan-p">1分钟登记，10分钟和您联系，24小时出方案</div>
    				<div class="fangan-in"><input type="text" placeholder="您的手机号" /></div>
    				<div class="fangan-in"><input type="text" placeholder="您的问题(100个字以内)" /></div>
    				<div class="fangan-btn"><input type="button" value="立即获取" /></div>
    				<div class="fangan-org"><span class="fangan-org-quan">全国统一服务热线</span><span class="fangan-org-tel">400-995-9393</span></div>
    				<div class="fangan-footer">已有 <span>5187</span> 客户获取了免费的服务方案</div>
    			</div>
			</div>
			<!-- 顶部轮播 End -->
			<!-- 热门服务 Start -->
			<div class="content-box w1600">
				<div class="content-title">热门服务<span></span></div>
				<div class="content-container row">
					<div class="content-container-left col-lg-3" >
						<div class="content-container-left-box">
							<div class="content-container-left-box-top">
								<img title="图片" src="img/re-left.png"/>
							</div>
							<div class="content-container-left-box-bottom">
								<p class="content-container-left-box-bottom-txt-p1">Hot Service</p>
								<p class="content-container-left-box-bottom-txt-p2">干式变压器_电气安全维保检修</p>
								<p class="content-container-left-box-bottom-txt-p3">对干式变压器进行深度清洁清理，杜绝由积灰引起的爬电现象，对风机、温控进行调校，保障温控功能正常、风机运行正常，保障设备的安全运行。</p>
							</div>
						</div>
					</div>
					<div class="content-container-right col-lg-9" >
						<div class="row content-container-right-top" >
							<div class="col-lg-4 content-container-right-top-div" >
								<div class="content-container-right-top-div-box">
			
										<div class="content-container-right-top-div-box-top">
											<img title="图片" src="img/re-right.png"/>
										</div>
										<span class="org-position">低压框架断路器</span>
										<div class="content-container-right-top-div-box-bottom">
											
											<p class="content-container-right-box-bottom-txt-p2">干式变压器_电气安全维保检修</p>
											<p class="content-container-right-box-bottom-txt-p3">对干式变压器进行深度清洁清理，杜绝由积灰引起的爬电现象，对风机、温控进行调校，保障温控功能正常、风机运行正常，保障设备的安全运行。</p>
										</div>
									
								</div>
							</div>
							<div class="col-lg-4 content-container-right-top-div" >
								<div class="content-container-right-top-div-box">
									<div class="content-container-right-top-div-box-top">
										<img title="图片" src="img/re-right.png"/>
									</div>
									<span class="org-position">低压框架断路器</span>
									<div class="content-container-right-top-div-box-bottom">
										
										<p class="content-container-right-box-bottom-txt-p2">干式变压器_电气安全维保检修</p>
										<p class="content-container-right-box-bottom-txt-p3">对干式变压器进行深度清洁清理，杜绝由积灰引起的爬电现象，对风机、温控进行调校，保障温控功能正常、风机运行正常，保障设备的安全运行。</p>
									</div>

								</div>
							</div>
							<div class="col-lg-4 content-container-right-top-div" >
								<div class="content-container-right-top-div-box">
									<div class="content-container-right-top-div-box-top">
										<img title="图片" src="img/re-right.png"/>
									</div>
									<span class="org-position">低压框架断路器</span>
									<div class="content-container-right-top-div-box-bottom">
										<p class="content-container-right-box-bottom-txt-p2">干式变压器_电气安全维保检修</p>
										<p class="content-container-right-box-bottom-txt-p3">对干式变压器进行深度清洁清理，杜绝由积灰引起的爬电现象，对风机、温控进行调校，保障温控功能正常、风机运行正常，保障设备的安全运行。</p>
									</div>
								</div>
							</div>
						</div>
						<div class="row content-container-right-bottom" >
							<div class="col-lg-4 content-container-right-bottom-div" >
								<div class="content-container-right-bottom-div-box">
									<div class="content-container-right-bottom-div-box-top">
										<img title="图片" src="img/re-right.png"/>
									</div>
									<span class="org-position">低压框架断路器</span>
									<div class="content-container-right-bottom-div-box-bottom">
										<p class="content-container-right-box-bottom-txt-p2">干式变压器_电气安全维保检修</p>
										<p class="content-container-right-box-bottom-txt-p3">对干式变压器进行深度清洁清理，杜绝由积灰引起的爬电现象，对风机、温控进行调校，保障温控功能正常、风机运行正常，保障设备的安全运行。</p>
									</div>
								</div>
							</div>
							<div class="col-lg-4 content-container-right-bottom-div" >
								<div class="content-container-right-bottom-div-box">
									<div class="content-container-right-bottom-div-box-top">
										<img title="图片" src="img/re-right.png"/>
									</div>
									<span class="org-position">低压框架断路器</span>
									<div class="content-container-right-bottom-div-box-bottom">
										<p class="content-container-right-box-bottom-txt-p2">干式变压器_电气安全维保检修</p>
										<p class="content-container-right-box-bottom-txt-p3">对干式变压器进行深度清洁清理，杜绝由积灰引起的爬电现象，对风机、温控进行调校，保障温控功能正常、风机运行正常，保障设备的安全运行。</p>
									</div>
								</div>
							</div>
							<div class="col-lg-4 content-container-right-bottom-div" >
								<div class="content-container-right-bottom-div-box">
									<div class="content-container-right-bottom-div-box-top">
										<img title="图片" src="img/re-right.png"/>
									</div>
									<span class="org-position">低压框架断路器</span>
									<div class="content-container-right-bottom-div-box-bottom">
										<p class="content-container-right-box-bottom-txt-p2">干式变压器_电气安全维保检修</p>
										<p class="content-container-right-box-bottom-txt-p3">对干式变压器进行深度清洁清理，杜绝由积灰引起的爬电现象，对风机、温控进行调校，保障温控功能正常、风机运行正常，保障设备的安全运行。</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 热门服务 End -->
			<!-- 服务流程 Start -->
			<div class="content-box w1600">
				<div class="content-title">服务流程<span></span></div>
				<div class="content-container clearfix">
					<div class="content-container-box">
						<div class="content-container-img"><img class="fw-img" title="图片" src="img/process-b-1.png"/></div>
						<div class="content-container-txt">需求提交</div>
					</div>
					<div class="content-container-box">
						<div class="content-container-img"><img class="fw-img" title="图片" src="img/process-b-2.png"/></div>
						<div class="content-container-txt">方案回复</div>
					</div>
					<div class="content-container-box">
						<div class="content-container-img"><img class="fw-img" title="图片" src="img/process-b-3.png"/></div>
						<div class="content-container-txt">订单确认</div>
					</div>
					<div class="content-container-box">
						<div class="content-container-img"><img class="fw-img" title="图片" src="img/process-b-4.png"/></div>
						<div class="content-container-txt">服务准备</div>
					</div>
					<div class="content-container-box">
						<div class="content-container-img"><img class="fw-img" title="图片" src="img/process-b-5.png"/></div>
						<div class="content-container-txt">现场服务</div>
					</div>
					<div class="content-container-box">
						<div class="content-container-img"><img class="fw-img" title="图片" src="img/process-b-6.png"/></div>
						<div class="content-container-txt">服务验收</div>
					</div>
					<div class="content-container-box">
						<div class="content-container-img"><img class="fw-img" title="图片" src="img/process-b-7.png"/></div>
						<div class="content-container-txt">服务评价</div>
					</div>
				</div>
			</div>
			<!-- 服务流程 End -->
			<!-- 精选案例 Start -->
			<div class="content-box w1600">
				<div class="content-title">精选案例<span></span></div>
				<div class="content-container row jx">
					<div class="col-lg-3 content-container-ml">
						<div class="row">
							<div class="col-lg-12 jx-bottom">
								<div class="content-container-ml-box">
									<img title="图片" src="img/jx-1.png"/>
									<div class="content-container-ml-box-bottom"></div>
									<div class="content-container-ml-box-bottom-txt">
										全球化形势下，越来越多的企业这样做！
									</div>
								</div>
							</div>
							<div class="col-lg-12">
								<div class="content-container-ml-box">
									<img title="图片" src="img/jx-1.png"/>
									<div class="content-container-ml-box-bottom"></div>
									<div class="content-container-ml-box-bottom-txt">
										全球化形势下，越来越多的企业这样做！
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 content-container-mb">
						<div class="content-container-mb-box">
								<img title="图片" src="img/jx-1.png"/>
								<div class="content-container-ml-box-bottom"></div>
								<div class="content-container-ml-box-bottom-txt">
									全球化形势下，越来越多的企业这样做！
								</div>
						</div>
					</div>
					<div class="col-lg-3 content-container-mm">
						<div class="row">
							<div class="col-lg-12 jx-bottom">
								<div class="content-container-ml-box">
									<img title="图片" src="img/jx-1.png"/>
									<div class="content-container-ml-box-bottom"></div>
									<div class="content-container-ml-box-bottom-txt">
										全球化形势下，越来越多的企业这样做！
									</div>
								</div>
							</div>
							<div class="col-lg-12">
								<div class="content-container-ml-box">
									<img title="图片" src="img/jx-1.png"/>
									<div class="content-container-ml-box-bottom"></div>
									<div class="content-container-ml-box-bottom-txt">
										全球化形势下，越来越多的企业这样做！
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 content-container-mr">
						<div class="row">
							<div class="col-lg-12 jx-bottom">
								<div class="content-container-ml-box">
									<img title="图片" src="img/jx-1.png"/>
									<div class="content-container-ml-box-bottom"></div>
									<div class="content-container-ml-box-bottom-txt">
										全球化形势下，越来越多的企业这样做！
									</div>
								</div>
							</div>
							<div class="col-lg-12">
								<div class="content-container-ml-box">
									<img title="图片" src="img/jx-1.png"/>
									<div class="content-container-ml-box-bottom"></div>
									<div class="content-container-ml-box-bottom-txt">
										全球化形势下，越来越多的企业这样做！
									</div>
								</div>
							</div>
						</div>
					</div>
					
				</div>
			</div>
			<!-- 精选案例 End -->
			<!-- 新闻资讯 Start -->
			<div class="xw-box">
				<div class="content-box w1600">
					<div class="content-title">新闻资讯<span></span></div>
					<div class="content-container row xw">
						<div class="col-lg-6">
							<div class="xw-left-box xw-txt-box">
								<div class="row  xw-txt-box-border">
									<div class="col-lg-4">
										<img title="图片" src="img/xw.png"/>
									</div>
									<div class="col-lg-8">
										<div class="xw-title">案例|电力企业在电力大数据的创新应用</div>
										<div class="xw-txt">摘要：2015年，国家电网公司编制完成国内首份企业级大数据应用“十三五”规划及指导意见，抢占电...</div>
										<div class="wx-footer">
											<span class="xw-footer-name">Mia W</span>
											<span class="xw-footer-time">2018-05-11 18:31  阅读（461）</span>
										</div>
									</div>
								</div>
								<div class="row  xw-txt-box-border">
									<div class="col-lg-4">
										<img title="图片" src="img/xw.png"/>
									</div>
									<div class="col-lg-8">
										<div class="xw-title">案例|电力企业在电力大数据的创新应用</div>
										<div class="xw-txt">摘要：2015年，国家电网公司编制完成国内首份企业级大数据应用“十三五”规划及指导意见，抢占电...</div>
										<div class="wx-footer">
											<span class="xw-footer-name">Mia W</span>
											<span class="xw-footer-time">2018-05-11 18:31  阅读（461）</span>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-lg-4">
										<img title="图片" src="img/xw.png"/>
									</div>
									<div class="col-lg-8">
										<div class="xw-title">案例|电力企业在电力大数据的创新应用</div>
										<div class="xw-txt">摘要：2015年，国家电网公司编制完成国内首份企业级大数据应用“十三五”规划及指导意见，抢占电...</div>
										<div class="wx-footer">
											<span class="xw-footer-name">Mia W</span>
											<span class="xw-footer-time">2018-05-11 18:31  阅读（461）</span>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-6">
							<div class="xw-right-box xw-txt-box">
								<div class="row  xw-txt-box-border">
									<div class="col-lg-4">
										<img title="图片" src="img/xw.png"/>
									</div>
									<div class="col-lg-8">
										<div class="xw-title">案例|电力企业在电力大数据的创新应用</div>
										<div class="xw-txt">摘要：2015年，国家电网公司编制完成国内首份企业级大数据应用“十三五”规划及指导意见，抢占电...</div>
										<div class="wx-footer">
											<span class="xw-footer-name">Mia W</span>
											<span class="xw-footer-time">2018-05-11 18:31  阅读（461）</span>
										</div>
									</div>
								</div>
								<div class="row  xw-txt-box-border">
									<div class="col-lg-4">
										<img title="图片" src="img/xw.png"/>
									</div>
									<div class="col-lg-8">
										<div class="xw-title">案例|电力企业在电力大数据的创新应用</div>
										<div class="xw-txt">摘要：2015年，国家电网公司编制完成国内首份企业级大数据应用“十三五”规划及指导意见，抢占电...</div>
										<div class="wx-footer">
											<span class="xw-footer-name">Mia W</span>
											<span class="xw-footer-time">2018-05-11 18:31  阅读（461）</span>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-lg-4">
										<img title="图片" src="img/xw.png"/>
									</div>
									<div class="col-lg-8">
										<div class="xw-title">案例|电力企业在电力大数据的创新应用</div>
										<div class="xw-txt">摘要：2015年，国家电网公司编制完成国内首份企业级大数据应用“十三五”规划及指导意见，抢占电...</div>
										<div class="wx-footer">
											<span class="xw-footer-name">Mia W</span>
											<span class="xw-footer-time">2018-05-11 18:31  阅读（461）</span>
										</div>
									</div>
								</div>
							</div>
						</div>
						
					</div>
				</div>
			</div>
			<!-- 新闻资讯 End -->
			<!-- 合作伙伴 Start -->
			<div class="content-box w1600">
				<div class="content-title">合作伙伴<span></span></div>
				<div class="content-container row hezuo">
					<ul class="hezuo-ul clearfix">
						<li class="hezuo-li"><img src="img/abb.png"/></li>
						<li class="hezuo-li"><img src="img/sche.png"/></li>
						<li class="hezuo-li"><img src="img/sum.png"/></li>
						<li class="hezuo-li"><img src="img/to.png"/></li>
						<li class="hezuo-li"><img src="img/sn.png"/></li>
						<li class="hezuo-li"><img src="img/abb.png"/></li>
						<li class="hezuo-li"><img src="img/ak.png"/></li>
						<li class="hezuo-li"><img src="img/ds.png"/></li>
						<li class="hezuo-li"><img src="img/sa.png"/></li>
						<li class="hezuo-li"><img src="img/gj.png"/></li>
						<li class="hezuo-li"><img src="img/zt.png"/></li>
					</ul>
				</div>
			</div>
			<!-- 合作伙伴 End -->
			<!-- footer Start -->
			<div class="footer">
				<div class="footer-logo w1600">
					<img src="img/logo.png"/>
				</div>
				<div class="footer-box row w1600">
					<div class="col-lg-8">
						
						<div class="footer-ti">
							全责守护&nbsp;用电无忧
						</div>
						<div class="footer-ul">
							<ul class="clearfix">
								<li class="footer-li footer-border footer-padding">关于我们</li>
								<li class="footer-li footer-border">加入我们</li>
								<li class="footer-li footer-border">帮助中心</li>
								<li class="footer-li footer-border">法律声明</li>
								<li class="footer-li ">意见反馈</li>
							</ul>
						</div>
						<p class="footer-p1">版权声明：本站内容版权属电无忧所有，未经授权禁止转载、摘编、复制或建立镜像，如有违反，追究法律责任</p>
						<p class="footer-p1">©2016 powerkeeper.cn 电无忧 保留所有权利  </p>
					</div>
					<div class="col-lg-2 footer-md">
						<div class="footer-tel">400-995-9393</div>
						<div class="footer-time">周一至周日：08：00-22：00</div>
						<div class="footer-btn">联系在线客服</div>
					</div>
					<div class="col-lg-2 footer-rl">
						<div class="footer-rl-box">
							<p class="footer-p3">扫描微信二维码</p>
							<div class="footer-weixin">
								<img src="img/code.png"/>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- footer End -->
		</div>
	</body>
	<script type="text/javascript">
		$(function(){
			/*顶部Nav Start*/
			$($("li"),$(".nav-container-ul")).click(function(){
				var old=$("ul.nav-container-ul li.nav-container-li-active");
				$($("li"),$(".nav-container-ul")).removeClass("nav-container-li-active");
				$(this).addClass("nav-container-li-active");
				$(this).removeClass("nav-container-li");
				old.addClass("nav-container-li");
			});
			/*顶部Nav End*/
			/*服务 Start*/
			$(".content-container-box").mouseover(function(){
				console.log($($($(".fw-img"),$(".content-container-box"))[$(this).index()]));
		    	var n=Number($(this).index())+1;
		    	var srcn="img/process-w-"+n+".png";
		    	$($($(".fw-img"),$(".content-container-box"))[$(this).index()]).attr("src",srcn);
		    	var m=$(this).index();
		    	
		    }).mouseout(function(){
		    	var m=Number($(this).index())+1;
		    	var srcm="img/process-b-"+m+".png";
		    	$($($(".fw-img"),$(".content-container-box"))[$(this).index()]).attr("src",srcm);
		    });
		    /*服务 End*/
		    /*合作 Start*/
		    var timer;
		    timer=setInterval(function(){
		    	$(".hezuo-ul").css("left",parseInt($(".hezuo-ul").css("left"))-1);
		    	var oldli=$(".hezuo-li")[0];
		    	if(parseInt($(".hezuo-ul").css("left"))<-202){
		    		$(".hezuo-ul").css("left",0);
		    		$(".hezuo-li")[0].remove();
		    		$(".hezuo-ul").append(oldli);
		    	}
		    },50);
		    $(".hezuo-ul").mouseover(function(){
		    	clearInterval(timer);
		    }).mouseout(function(){
		    	timer=setInterval(function(){
		    		$(".hezuo-ul").css("left",parseInt($(".hezuo-ul").css("left"))-1);
		    		var oldli=$(".hezuo-li")[0];
		    		if(parseInt($(".hezuo-ul").css("left"))<-202){
			    		$(".hezuo-ul").css("left",0);
			    		$(".hezuo-li")[0].remove();
			    		$(".hezuo-ul").append(oldli);
			    	}
			    },50);
			});
		    /*合作 End*/
			/*右侧导航 Start*/
			$(window).scroll(function(){
				if(parseInt($(document).scrollTop())>500){
					$(".right-box-txt3").css("display","block");
				}else{
					$(".right-box-txt3").css("display","none");
				}
			});
			var h=window.location.href;
			$(".right-box-txt3").click(function(){
				window.location.href=h+"#nav";

			});
			/*右侧导航 End*/
		});
		/*顶部Banner Start*/
		var swiper = new Swiper('.banner .swiper-container', {
	        pagination: '.banner .swiper-pagination',
	        nextButton: '.banner .swiper-button-next',
	        prevButton: '.banner .swiper-button-prev',
	        paginationClickable: true,
	        spaceBetween: 30,
	        centeredSlides: true,
	        autoplay: 4000,
	        autoplayDisableOnInteraction: false
	    })
	    /*顶部Banner End*/
	</script>
</html>